<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
window.onload=function(){
	var div=document.getElementById("one");
	//console.log(div.style.width);
	//console.log(div.flag);
	/*var key=div.setAttribute("kk","one");
	console.log(key);*/

	/*div.removeAttribute("title");*/

		/*console.log(document.body.firstElementChild);
		console.log(document.body.children);
		console.log(document.body.childElementCount);*/

		console.log(div.innerHTML);
		div.innerHTML="<span>你好me</span>";
		console.log(div.textContent);
		div.textContent="你好";


		var text=document.body.firstChild;
		console.log(text.appendData("world"));


}
/*
	object
		Node:
			nodeName
			nodeType
			childNodes
			appendChild
			....
			document:
				.body
				.forms
				getElementById()
				....
				createElement

			element:
				id
				className
				style
				title
				getAttribute
				setAttribute
				children
				innerHTML
				textConetnt
				...
			text:

			comment





*/


	</script>
</head>
<body>hello
	<div id="one" class="two" title='this is div' style="width:100px;" flag="flag">
		<span>hello</span>
	</div>
	<div></div>
</body>
</html>






